{extend name="common/application" /}
{block name="title"}<title id="title">服务市场</title>{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="_CSS_/service.css" />
<style>
	.checked{color: #3377c1;}
    .checked:hover{color: #3377c1;}
	.leftCon{min-height:976px;}
	.nodatas{text-align:center;padding:50px 0 100px 0;}
	.nodatas img{margin:100px 0 50px 0;}
</style>
{/block}
{block name="navbar"}{include file="/common/navbar" /}{/block}
{block name="content"}
<!-- 主体内容 -->
<div class="main">
	<div class="mainBody normalBox clearfix" style="padding-top: 14px;">
		<!--筛选区域-->
		<!--<div class="selectArea">
            <span style="margin-bottom: 14px;">所有分类</span>
            <span class="icons icon-arrow mb2"></span>
            <div class="selectSort">
                <div class="serviceType selected fl">
                    <label>服务分类：</label>
                    <p>专利评议<span class="icons icon-del"></span></p>
                </div>
                <div class="Type selected fl">
                    <label>类型：</label>
                    <p>专业风险评估<span class="icons icon-del"></span></p>
                    <p>专业技术分析<span class="icons icon-del"></span></p>
                    <p>行业分析<span class="icons icon-del"></span></p>
                    <p>行政诉讼<span class="icons icon-del"></span></p>
                </div>
            </div>
        </div>-->
		<!--筛选条件-->
		<div class="sortItem normalBox">
			<div class="sorts">
				<label class="fl">服务分类：</label>
				<div class="serviceSort fl">
					<div class="serviceBox mains fl" value="1">
						<a class="mainSort checked blue_font" href="javascript:;" num="0">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							全部
						</a>
						<a class="mainSort" href="javascript:;" num="1">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							专利评议
						</a>
						<a class="mainSort" href="javascript:;" num="2">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							专利维权
						</a>
						<a class="mainSort" href="javascript:;" num="3">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							专利托管
						</a>
						<a class="mainSort" href="javascript:;" num="4">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							专利代理
						</a>
						<a class="mainSort" href="javascript:;" num="5">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							政策应用
						</a>
						<a class="mainSort" href="javascript:;" num="6">
							<span class="icons icon-unchecked hide"></span>
							<span class="icons icon-checked hide"></span>
							设计开发
						</a>

						<div class="sendArea hide">
							<a class="sendBtn" href="javascript:;">提交</a>
							<a class="cancelBtn" href="javascript:;">取消</a>
						</div>
					</div>
					<!--<a class="checkmore" href="javascript:;">多选</a>-->
				</div>
			</div>
			<!--<div class="sorts" style="border-top: 0;">
                <label class="fl">分类：</label>
                <div class="serviceSort fl">
                    <div class="serviceBox childs fl" value="2">
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            专利风险评估
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            专利技术分析
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            行业分析
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            项目分析
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            行政诉讼
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            侵权纠纷
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            合同备案
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            法律咨询
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            专利布局/挖掘/预警分析
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            专利战略规划
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            资产管理运营
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            企业创新管理
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            商贸活动管理
                        </a>
                        <a class="mainSort" href="javascript:;">
                            <span class="icons icon-unchecked hide"></span>
                            <span class="icons icon-checked hide"></span>
                            著名商标和驰名商标认证
                        </a>
                        <div class="sendArea hide">
                            <a class="sendBtn" href="javascript:;">提交</a>
                            <a class="cancelBtn" href="javascript:;">取消</a>
                        </div>
                    </div>
                    <a class="checkmore" href="javascript:;">多选</a>
                    <a class="seemore" href="javascript:;">更多<span class="icons icon-pulldown" style="margin: 0 2px 2px 2px;"></span></a>
                </div>
            </div>-->
		</div>
		<!--服务列表-->
		<div class="serviceList sectionArea normalBox">
			<div class="leftCon">
				<div class="serviceHeader">
					<div class="serviceNavi fl">
						<a class="sortType active" href="javascript:;">综合排序</a>
						<a class="sortType" href="javascript:;">成交量</a>
						<a class="sortType" href="javascript:;">评价量</a>
						<a class="sortType" href="javascript:;">时间</a>
					</div>
					<div class="priceRange fl">
						<a class="showDiv fl" href="javascript:;">价格<span class="icons icon-arrowdown"></span></a>
						<input class="minPrice" type="number" placeholder="￥"/>
						<span class="fl">-</span>
						<input  class="maxPrice" type="number" placeholder="￥"/>
						<div class="hideBox sortBox">
							<a class="asc cur" href="javascript:;">按价格从低到高</a>
							<a class="desc" href="javascript:;">按价格从高到低</a>
						</div>
						<a class="sendButton" href="javascript:;">确定</a>
					</div>
					<div class="total fr">
						<p class="mr20">共<span class="num"></span>件商品</p>
						<a class="prev" href="javascript:;">
							<span class="icons icon-prev hide"></span>
							<span class="icons icon-grey-prev"></span>
						</a>
						<p><span class="currentPage">1</span>/<span class="allPage"></span></p>
						<a class="next" href="javascript:;">
							<span class="icons icon-next"></span>
							<span class="icons icon-grey-next hide"></span>
						</a>
					</div>
				</div>
				<div class="serviceArea">
					<!--查询不出数据-->



				</div>
				<!--分页-->

				<div id="page"></div>
				<!--<div class="pagination" id="pagination">-->
					<!--<a href="javascript:;" class="page-prev">-->
						<!--<span class="icons icon-backward"></span>-->
					<!--</a>-->
					<!--<a href="javascript:;" class="current">1</a>-->
					<!--<a href="javascript:;">2</a>-->
					<!--<a href="javascript:;">3</a>-->
					<!--<a href="javascript:;">4</a>-->
					<!--<a href="javascript:;">5</a>-->
					<!--<a href="javascript:;" class="more" style="background:#f3f3f3 !important;">...</a>-->
					<!--<a href="javascript:;">13</a>-->
					<!--<a href="javascript:;" class="page-next">-->
						<!--<span class="icons icon-forward"></span>-->
					<!--</a>-->
				<!--</div>-->
			</div>
			<div class="rightCon">
				<div class="recommendArea services">
					<div class="recommendHeader">
						<span class="fl">推荐服务</span>
						<a class="refreshBtn fr" href="javascript:;"><span class="icons icon-refresh"></span></a>
					</div>
					<div class="recommendCon">

					</div>
				</div>
				<div class="recommendArea trades mt20">
					<div class="recommendHeader">
						<span class="fl">推荐交易</span>
						<a class="refreshBtn fr" href="javascript:;"><span class="icons icon-refresh"></span></a>
					</div>
					<div class="recommendCon">

						<!--<div class="items">-->
							<!--<a class="links" href="trade_details.html">-->
								<!--<img src="images/4.png" alt="行政诉讼" />-->
							<!--</a>-->
							<!--<div class="borderLine">-->
								<!--<span class="prices">￥20000.00</span>-->
								<!--<a class="itemsTitle text_overflow" href="service_details.html" title='行政诉讼行政诉讼行政诉讼行政诉讼行政诉讼'>行政诉讼行政诉讼行政诉讼行政诉讼行政诉讼</a>-->
							<!--</div>-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}



{block name="js"}
<!-- 脚本引入 -->

<script src="_JS_/service.js"></script>
{/block}